﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="xinxi_details.aspx.cs" Inherits="DTcms.Web.shareWeb.xinxi_details" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>中国石材圈 - 全国首家石材综合信息网</title>
      <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="all" />
    
    <link href="css/basic.css" rel="stylesheet" />
    <script src="scripts/jquery/jquery-1.11.2.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/jq_scroll.js" type="text/javascript"></script>
    <script src="scripts/layer/layer.js"></script>
    <style>
    .wrap { margin-top:10px; padding:10px 10px; background-color:#FFF; overflow:hidden}
    .user_info {display:-webkit-flex; padding:15px 10px; background-color:#FFF; overflow:hidden}
    .left_avatar { float:left; width:50px; height:50px; overflow:hidden}
    .left_avatar img { width:50px; height:50px; border-radius:60px;}
    .mid_info { float:left; -webkit-flex:1; flex:1; padding-left:10px; padding-top:5px; overflow:hidden}
    .mid_info h3 { font-size:18px; line-height:20px; font-weight:normal; color:#333;}
    .mid_info p { line-height:20px; color:#999; font-size:14px;}
    .right_ico { float:right;overflow:hidden}
    .right_ico em { display:block; margin-top:10px; width:30px; height:30px; background:url(../image/r.png) 0 0 no-repeat; background-size:contain;}

    .top_title { width:100%; overflow:hidden}
    .top_title em { float:left; margin-top:3px; display:block; padding:3px 8px; border-radius:2px; background-color:#F60; color:#FFF; font-size:12px;}
    .top_title H1 { float:left; display:block; margin-left:5px; font-size:22px; font-weight:normal; color:#333; line-height:30px;}
    .top_info { width:100%; padding:5px 0 10px; border-bottom:solid 1px #ddd;  overflow:hidden}
    .top_info span { padding-right:15px; font-size:12px; color:#999;}
    .top_info2 { line-height:20px; margin-top:10px;}
    .top_remark { margin-top:5px; font-size:16px; line-height:30px; color:#333;}
    .pic_list { width:100%; margin-top:10px; box-sizing:border-box; overflow:hidden}
    .pic_list img { width:100%;}

    .bt { padding: 10px 10px;margin-top: 10px; background-color: #fff; overflow: hidden;}
    .bt em { float: left; width: 6px; height: 16px; background-color: #06bb1c;}
    .bt strong { float: left; margin-left: 10px;line-height: 18px; font-weight: normal;}
    .textarea { width:100%; height:80px; border:solid 1px #eee; -webkit-appearance: none; background-color:#FFF; border:solid 1px #ddd; padding:10px;
      box-sizing:border-box; border-radius:5px; font-size: 14px; overflow:hidden}
    .btn { float:right; width: 80px; padding:5px 0; border:none; border-radius:4px; font-size:14px; line-height:18px; text-align:center; background-color: #06bb1c;}

    .comment { padding:0px 10px; margin-top: 10px; background-color: #fff; overflow: hidden;}
    .comment ul { width: 100%; overflow: hidden;}
    .comment ul li { padding:10px 0; display:-webkit-flex; border-bottom:solid 1px #eee; overflow: hidden;}
    .comment ul li .left { float: left; width:40px; padding-top:5px; overflow: hidden;}
    .comment ul li .left span { display:block; width:30px; height:30px; overflow: hidden;}
    .comment ul li .left span img { width:30px; height:30px; border-radius: 60px;}
    .comment ul li .right { float: left; -webkit-flex:1; flex:1; }
    .uname { width: 100%; line-height: 30px; font-size: 15px; color:#009f13 }
    .comment_remark { width: 100%; font-size: 15px; color: #333; line-height:22px;}
	  </style>
</head>
<body>
<div class="user_info" id="user_info">
    <div class="left_avatar"><img id="avatar" src="<%=xinxi[6] %>"/></div>
    <div class="mid_info"><H3 id="lianxiren"><%=xinxi[5] %></H3><p><span id="mobile"></span></p></div>
    <div class="right_ico"><em></em></div>
  </div>

  <div class="wrap">
   <div class="top_info"><span id="add_time"><%=xinxi[1] %></span></div><!-- <span id="hits"></span> -->

   <div id="size" class="top_info2"><%=xinxi[2] %></div>
   <div class="top_remark" id="remark"><%=xinxi[3] %></div>
   <div class="pic_list" id="pic_list"><%=xinxi[7] %></div>
  </div>
</body>
</html>
